<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title></title>
    <script src="static/touch.min.js"></script>
    <script src="static/lib-flexible/flexible_css.js"></script>
    <script src="static/lib-flexible/flexible.js"></script>
    <script src="static/lib-vconsole/vconsole.min.js"></script>
    <style>
      #buggerBtn {
        width: 20px;
        height: 20px;
        background: rgba(0,0,0,0);
        position: fixed;
        bottom: 0px;
        z-index: 99;
      }
    </style>
  </head>
  <body>
    <div id="buggerBtn">

    </div>
    <div id="app"></div>
    <!-- built files will be auto injected -->
    <script>
      var countNum = 0
      window.onload = function () {
        var buggerBtn = document.getElementById('buggerBtn')
        var vcSwitch = document.getElementsByClassName('vc-switch')[0]
        vcSwitch.style.display = 'none'
        buggerBtn.style.display = 'block'
        buggerBtn.onclick = function () {
          countNum++
          if (countNum === 5) {
            countNum = 0
            vcSwitch.style.display = 'block'
            buggerBtn.style.display = 'none'
          }
        }
      }
    </script>
  </body>
</html>
